.jj-alert{text-align: center;}
.jj-alert .hide{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1001;opacity: 0.4;background: #fff;}
.jj-alert .alert{transition: all 0.5s;box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);width: 600px;margin-left:-300px;left: 50%;text-align: left;position: fixed;z-index: 1002;background: #fff;border: #999 1px solid;}
.jj-alert .alert .title{padding: 15px;border-bottom: #f1f1f1 1px solid;cursor: move;}
.jj-alert .alert .title .label{font-size: 14px;color: #333333;}
.jj-alert .alert .title .close{font-size: 28px;float: right;line-height: 18px;opacity: 0.5;color: #000;cursor: pointer;}
.jj-alert .alert .info{border-bottom: #f1f1f1 1px solid;padding: 20px 0px;display: table;width: 100%;box-sizing: border-box;}
.jj-alert .alert .info .icon{width: 30px;display: table-cell;width: 50px;}
.jj-alert .alert .info .text{display: table-cell;padding: 0px 20px;color: #555;}
.jj-alert .alert .btn{padding: 15px;text-align: right;font-size: 12px;}
.jj-alert .alert .btn .yes{background: #3794E3;border: #447ed9 1px solid;padding: 8px 16px;cursor: pointer;}
.jj-alert .alert .btn .yes:hover{background: #447ed9}
.jj-alert .alert .btn .no{border: #ddd 1px solid;background:#ddd;padding: 8px 16px;margin-left: 10px;cursor: pointer;}
.jj-alert .alert .btn .no:hover{background: #fff;}

.jj-postion{display: inline-block;text-align: left;position: fixed;}
.jj-info{background: #fff;padding: 5px 10px;border: solid 1px #e9e9e9;width: 200px;display: inline-block;word-wrap: break-word;line-height: 27px;}

@media screen and (max-width:1000px){
    .jj-alert .alert{width: 500px;margin-left:-250px;}
}

@media screen and (max-width:600px){
    .jj-alert .alert{width: 400px;margin-left:-200px;}
}